<template>
  <m-page>
    <!-- 最近应还页 -->
    <m-header title="最近应还">
      <!-- 最近应还头部区域 -->
      <div class="g-head">
        <div><span class="iconfont">&#xe600;</span></div>
        <div><span>最近应还</span></div>
        <div><span>借还记录</span></div>
      </div>
      <!-- 持有额度区域 -->
      <div class="g-limit">
        <div><span>02月21日总应还（元）</span></div>
        <div><span>10,000.00</span></div>
        <div><span>系统将根据还款计划从还款账户中自动扣款进行还款</span></div>
      </div>
      <!-- 提示区域 -->
      <div class="g-tip">
        共2笔
      </div>
      <!-- 借款列表区域 -->
      <ul class="g-list">
        <li class="z-current">
          <div>
            <input type="radio" name="list" checked />
          </div>
          <div>
            <div class="g-list-money">
              <span>21日应还</span><span> ￥8,000.00</span>
            </div>
            <div class="g-list-return">
              <span>剩余4期可还完</span>
            </div>
            <div class="g-list-date"><span>2019/12/04借款￥300,000.00</span></div>
          </div>
          <div>
            <div></div>
            <div><span class="iconfont">&#xe62a;</span></div>
          </div>
        </li>
        <li>
          <div>
            <input type="radio" name="list" />
          </div>
          <div>
            <div class="g-list-money">
              <span>21日应还</span><span> ￥2,000.00</span>
            </div>
            <div class="g-list-return">
              <span>剩余10期可还完</span>
            </div>
            <div class="g-list-date"><span>2019/08/08借款￥300,000.00</span></div>
          </div>
          <div>
            <div></div>
            <div><span class="iconfont">&#xe62a;</span></div>
          </div>
        </li>
      </ul>
      <!-- 立即还款按钮 -->
      <div class="g-enter">
        <button>立即还款</button>
      </div>
    </m-header>
  </m-page>
</template>

<script>
  export default {
    components: {},
    data() {
      return {

      }
    },
    created() {},
    mounted() {},
    watch: {},
    computed: {}
  }
</script>

<style lang="scss" scoped>
  @import './index.scss';
</style>

